<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
	
<p:dialog header="Detalhes da venda" widgetVar="dialogVendaDetalhes" modal="true"
	height="520" width="850" resizable="false" >
	
	<h:form id="vendaDetalhesForm">
	
		<p:panel id="panelVendaDetalhesModal" style="height:420px; overflow:auto;">
		
			<h1 class="ui-panel-titlebar ui-widget-header ui-corner-all">Dados do veículo</h1>
			
				<table cellspacing="10" width="100%">
					<tr>
						<td>
							<h:outputLabel for="placa" value="Placa:" />
							<br />
							<h:outputText value="#{venderVeiculosBean.vendaVeiculoAux.veiculo.nrPlaca}" /> 
						</td>
						<td>
							<h:outputLabel for="fabricante" value="Fabricante:" />
							<br />
							<h:outputText value="#{venderVeiculosBean.vendaVeiculoAux.veiculo.fabricante.nmFabricante}" /> 
						</td>
						<td>
							<h:outputLabel for="modelo" value="Modelo:" />
							<br />
							<h:outputText value="#{venderVeiculosBean.vendaVeiculoAux.veiculo.modelo.nmModelo}" /> 
						</td>
					</tr>
					
					<tr>
						<td>
							<h:outputLabel for="anoFabricacao" value="Ano de fabricação:" />
							<br />
							<h:outputText value="#{venderVeiculosBean.vendaVeiculoAux.veiculo.anoFabricacao}" /> 
						</td>
						<td>
							<h:outputLabel for="anoModelo" value="Ano do modelo:" />
							<br />
							<h:outputText value="#{venderVeiculosBean.vendaVeiculoAux.veiculo.anoModelo}" /> 
						</td>
						<td>
							<h:outputLabel for="cor" value="Cor:" />
							<br />
							<h:outputText value="#{venderVeiculosBean.vendaVeiculoAux.veiculo.cor}" /> 
						</td>
					</tr>
					
					<tr>
						<td>
							<h:outputLabel for="valorCompra" value="Valor de compra:" />
							<br />
							<h:outputText converter="moedaDoubleConverter"
								value="#{venderVeiculosBean.vendaVeiculoAux.veiculo.valorCompra}" /> 
						</td>
						<td>
							<h:outputLabel for="valorVenda" value="Valor de venda:" />
							<br />
							<h:outputText converter="moedaDoubleConverter"
								value="#{venderVeiculosBean.vendaVeiculoAux.veiculo.valorVenda}" /> 
						</td>
					</tr>
				</table>
				
			<br />			
			<h1 class="ui-panel-titlebar ui-widget-header ui-corner-all">Dados do cliente</h1>
			
				<table cellspacing="10" width="100%">
					<tr>
						<td>
							<h:outputLabel for="cliente" value="Cliente:" />
							<br />
							<h:outputText value="#{venderVeiculosBean.vendaVeiculoAux.cliente.nmPessoa}" /> 
						</td>
						<td>
							<h:outputLabel for="cpfPessoa" value="CPF:" />
							<br />
							<h:outputText value="#{venderVeiculosBean.vendaVeiculoAux.cliente.cpfCnpj}" /> 
						</td>
						<td>
							<h:outputLabel for="fonePessoa" value="Fone:" />
							<br />
							<h:outputText value="#{venderVeiculosBean.vendaVeiculoAux.cliente.meioComunicacao.nrTelefone}" /> 
						</td>
						<td>
							<h:outputLabel for="celularPessoa" value="Celular:" />
							<br />
							<h:outputText value="#{venderVeiculosBean.vendaVeiculoAux.cliente.meioComunicacao.nrCelular}" /> 
						</td>
					</tr>				
				</table>
				
			<br />			
			<h1 class="ui-panel-titlebar ui-widget-header ui-corner-all">Dados do pagamento</h1>
			<br />
				
				<p:dataTable var="lancamento" 
					widgetVar="lancamentosTableItensDetalhes" 
					paginator="true" rows="10" paginatorPosition="bottom"
					value="#{venderVeiculosBean.lancamentosAux}"
		            emptyMessage="Nenhum pagamento cadastrado">
		            
			        <p:column style="width:6%;" 
			                headerText="Valor" filterMatchMode="contains">
			            <h:outputText value="#{lancamento.valorTotal}" converter="moedaDoubleConverter" />
			        </p:column>
			        <p:column style="width:6%;" 
			                headerText="Data" filterMatchMode="contains">
			            <h:outputText value="#{lancamento.dtVencimento}" />
			        </p:column>
			        <p:column style="width:6%;" 
			                headerText="Categoria" filterMatchMode="contains">
			            <h:outputText value="#{lancamento.categoria.nmCategoria}" />
			        </p:column>
			        <p:column style="width:13%;" 
			                headerText="Conta" filterMatchMode="contains">
			            <h:outputText value="#{lancamento.conta.contaCompleto}" />
			        </p:column>
			        <p:column style="width:4%;" 
			                headerText="Forma de pagamento" filterMatchMode="contains">
			            <h:outputText value="#{lancamento.formaPagamento.descricao}" />
			        </p:column>
			        
			    </p:dataTable>
			    <p align="right">
					 <h:outputLabel style="font-size:14px;" value="Total: " />
					 <h:outputText value="#{venderVeiculosBean.totalItensDetalhes}" converter="moedaDoubleConverter" />
				</p>
			    
				<br />				
				
		</p:panel>
			
		<br />
		<div align="right">
			<p:commandButton value="Fechar" onclick="dialogVendaDetalhes.hide();" type="button" />
		</div>

	</h:form>
		
</p:dialog>
	
</html>